<template>
	<div style="border-right:2px solid #D5E6F8; height:700px;">
		<div style="height:100px"></div>
	<el-row class="tac" style="width: 100.5%;">
		<el-col :span="24">
			<el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"  :unique-opened="uniqueOpened">
				<el-menu-item index="1" @click="itemClick('/Order_main')">
					<i class="el-icon-shopping-bag-1"></i>
					<span slot="title">用户订单</span>
				</el-menu-item>
				<el-menu-item index="2" @click="itemClick('/User_main')">
					<i class="el-icon-postcard"></i>
					<span slot="title">用户信息</span>
				</el-menu-item>
				<el-menu-item index="3" @click="itemClick('/Staff_main')">
					<i class="el-icon-setting"></i>
					<span slot="title">员工信息</span>
				</el-menu-item>
				<el-menu-item index="4" @click="itemClick('/Info_main')">
					<i class="el-icon-news"></i>
					<span slot="title">信息发布</span>
				</el-menu-item>
				<el-menu-item index="5" @click="itemClick('/Empower_main')" disabled>
					<i class="el-icon-lock"></i>
					<span slot="title">权限授予</span>
				</el-menu-item>
			</el-menu>
		</el-col>
	</el-row>
</div>
</template>

<script>
	export default {
		name: 'myaside',
		data: function() {
			return {
				time: 5000,
				uniqueOpened: true
			}
		},
		methods: {
			handleOpen(key, keyPath) {
				console.log(key, keyPath);
			},
			handleClose(key, keyPath) {
				console.log(key, keyPath);
			},
			itemClick(index) {
				console.log(index);
				 this.$router.replace(index)

			}
		}
	}
</script>

<style>

</style>
